<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
    />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Document</title>
  </head>

  <body>
    <table border="1">
      <tr>
        <!-- table row行 -->
        <td colspan="2" align="center">1-1</td>
        <!-- table data 列 -->
        <td rowspan="2">1-3</td>
        <td rowspan="3">1-4</td>
      </tr>
      <tr>
        <td>2-1</td>
        <td>2-2</td>
      </tr>
      <tr>
        <td colspan="3" align="center">3-1</td>
      </tr>
    </table>
    <table border="1">
      <caption>
        购物车
      </caption>
      <tr>
        <th>编号</th>
        <!-- table head表头 -->
        <th>商品名</th>
        <th>价格</th>
      </tr>
      <tr>
        <td>1</td>
        <td>小米手机13Pro</td>
        <td>4000</td>
      </tr>
      <tr>
        <td>2</td>
        <td>华为电视</td>
        <td>3000</td>
      </tr>
      <tr>
        <td>3</td>
        <td>华为手机14 Pro Max</td>
        <td>9000</td>
      </tr>
    </table>
  </body>
</html>
